<!DOCTYPE html>
<html>
<body>
<h1>Webkit Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=74270">74270</a></h1>
<select name="three">
<option value="1" disabled>Fail</option>
<option value="2" disabled>Fail</option>
<option value="3">Pass</option>
<option value="4">Fail</option>
</select>
<br />
<select name="two">
<option value="1" disabled>Fail</option>
<option value="2" disabled selected>Pass</option>
<option value="3">Fail</option>
<option value="4">Fail</option>
</select>
<br />

<!-- crbug.com/229259 -->
<style>
#option1:checked {
    color: red;
}
</style>
<select>
<option id="option1" disabled>Fail</option>
<option>Pass</option>
</select>
<br />

<select id="select4">
<option id="option2">Pass</option>
<option>Fail</option>
</select>
<script>
document.getElementById('option2').disabled = true;
document.getElementById('select4').appendChild(document.createElement('option'));
</script>
</body>
</html>
